<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
<meta name="description" content="安装通（azt365.com）中国大型的b2b电子商务智慧化平台,整合了国内安装行业内采购商与供应商,打通上下游产业链,信息透明共享,通过云平台,大数据,为各大企业供应商提供产品信息、企业推广,为您提供全面的安装行业资讯金融服务以及线上支付.">
<meta name="keywords" content="安装通,azt365,江苏b2b电子商务,江苏建筑采供批发平台,江苏弱电批发,江苏消防报警系统,江苏智慧安装建筑安装,江苏安防监控系统,江苏通风设备安装,江苏通风工程安装,江苏通风工程施工,江苏消防工程材料批发,江苏消防工程材料">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>发布产品-选择关联产品</title>
<link href="/res/css/respective/company/aztCom.css" rel="stylesheet">
<link href="/res/css/mall/mall.css" rel="stylesheet"> 
<style type="text/css">
	.backfoot.pd0{
		padding-left: 200px;
	}
</style>
</head> 
<body>
	<div class="coverDiv"></div>
	 <div class="warp">
		[#include "/front/common/front_headAzt.html"]
		<div class="backcontent">
			[#include "/front/common/front_leftAzt.html"]  
			<div class="back-main">
				<div class="mainContent">
					<div class="mainContentWhite">
						<h1>发布商品
							<a class="malView">预览</a>
						</h1>
						<hr> 
						<div class="malPro">
							 <dl style="width: 23%;">
							 	<dt>选择关联商品</dt>
							 </dl>
							 <dl style="width: 15%;">
							 	<dd></dd> 
							 </dl>
							  <dl style="width: 29%;">
							 	<dt style="background-image: url(/res/images/respective/mall/liuCheng/liuCheng2_03.png);color: #666666;">完善商品信息</dt> 
							 </dl>
							 <dl style="width: 17%;">
							 	<dd></dd> 
							 </dl>
							 <dl style="width: 14%;">
							 	<dt style="background-image: url(/res/images/respective/mall/liuCheng/liuCheng_07.png);color: #666666;">发布商品</dt> 
							 </dl>
						</div>  
						<div class="lableIterm">
                            <form action="/product/chooseProduct" method="get">
								<input type="text" placeholder="请输入商品名称" id="keyword" name="keyword" value="${RequestParameters['keyword']!}">
								<button type="submit" class="search" style="border: 0;">搜索</button>
                            </form>
						</div>
						<table class="refChose">
							<thead>
								<tr>
									<th class="fir">商品名称</th>
									<th style="width: 20%;">商品系统</th>
									<th style="width: 10%;">品牌</th>
									<th style="width: 10%;">市场价</th>
									<th style="width: 10%;">会员价</th>
									<th style="width: 10%;">库存</th>
									<th style="width: 10%;">状态</th> 
								</tr>
							</thead> 
							</table>
							<div style="overflow-y: scroll;height: 500px;">
							<table>
							<tbody>
								[#list list as pro]
                                <tr>
                                    <td class="fir" style="text-align: left;padding: 0px 15px;">
                                        <input type="radio" name="productId" value="${pro.id!}">
                                        <div class="malNameOuter">
                                            <p class="malName">
												[#if pro.picPath??]
                                                    <img alt="" src="${pro.picPath?split(',')[0]}"/>
												[/#if]
                                            </p>
                                        </div>
                                        <div class="malIntro" title="${pro.name!}">[@content_cut content=pro.name! len=10 ending="..." /]</div>
                                    </td>
                                    <td style="width: 20%;" title="">${pro.fname!}|${pro.sname!}|${pro.tname!}</td>
                                    <td style="width: 10%;">${pro.brandName!}</td>
                                    <td style="width: 10%;" class="bold">￥${pro.price?string('0.00')}</td>
                                    <td style="width: 10%;" class="boldOrg">￥${pro.mprice?string('0.00')}</td>
                                    <td style="width: 10%;"><dfn class="kuCun">${pro.stockQuantity!}</dfn></td>
                                    <td style="width: 10%;">
                                        <img class="state" alt="" src="/res/images/oparaStatus/stateIcon_06.png"/>
                                        <dfn>已上架</dfn>
                                    </td>
                                </tr>
								[/#list]
							</tbody>
						</table> 
						</div>
						<div class="lableIterm" style="margin-top: 45px;text-align: center;"> 
							<button class="opJingYing" type="button" onclick="choose()">确定</button>
							<button class="opJingYing cancleJingYing" style="margin:0 0 15px 15px;" type="button" onclick="location.href='/product/choose'">取消</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>   
	[#include "/front/common/front_footerAzt.html"] 
</body> 
<script src="/res/js/common/jquery.ellipsis.js"></script>
<script src="/res/third/layer/layer.js" type="text/javascript"></script>
<script type="text/javascript" src="/res/js/common/jquery.freezeheader.js"></script>
<script type="text/javascript">
	$(function() {
		$(".malIntro").ellipsis({maxLine:2});
		$(".refChose td:eq(1)").ellipsis({maxLine:2});

        //$(".refChose").freezeHeader({height: '500px'});
	});

	function choose() {
		$product = $('input[type=radio][name=productId]:checked');
		if($product.length == 0) {
			layer.alert('请选择关联商品');
			return;
		}
		location.href = '/product/publish?relationId=' + $product.val();
	}
</script>
</html>
